<template>
  <a-button
    class="tool"
    v-if="visible"
    :disabled="disabled"
    v-bind="useProps"
    @click="handleClick()"
  >{{useProps.title}}</a-button>
</template>

<script>
import ToolbarMixins from '../mixins/ToolbarMixins'
export default {
  name: 'VxeToolbarTool',
  mixins: [ToolbarMixins],
  data() {
    return {
      defaultProps: {
        shape: 'circle'
      }
    }
  },
  computed: {
    useProps() {
      return Object.assign({}, this.defaultProps, this.toolbarProps)
    }
  }
}
</script>
<style lang="less" >
.z-vxe-toolbar{
  .tool{
    height:30px;
    width:30px;
    i{
      font-size: 14px;
      line-height: 30px;
    }
  }
  .tool.ant-btn-circle{
    min-width:30px;
  }
}
</style>
